<template>
    <a-button class="learn-more">
      LEARN MORE
    </a-button>
</template>

<script>
export default {
  name: "Button"
}
</script>

<style scoped lang="scss">
.learn-more{
  border: solid 2px #ffb81c;
  color: #fff;
  background: rgba(255,255,255,0.1);
  padding:12px 30px;
  height:48px;
  width:165px;
}
.learn-more:hover{
  background: #ffb81c;
  border: solid 2px #ffb81c;
  color: #fff;
}
</style>
